<script setup lang="ts">
import { computed, ref } from 'vue'
const firstName = ref('jack')
const lastName = ref('li')
// 取值的写法 只可以获取数据， 赋值会显示只支持已读， readonly
// 完整写法， 只有在计算属性需要赋值时才写

const fullName = computed({
  get() {
    // 取值， return 进行返回
    return firstName.value + '--' + lastName.value
  },
  // 通过value 获取设置的值
  set(value) {
    firstName.value = value.split(' ')[0]
    lastName.value = value.split(' ')[1]
  },
})
</script>

<template>
  <h2>{{ fullName }}</h2>
  <button @click="fullName = 'rose wang'">修改名字</button>
</template>

<style></style>
